﻿.layui-layer
{
    webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.tabs
{
    padding-top:6px;
    margin-bottom:1px;
}
.tabs ul
{
    margin-left:20px;
}
.tabs li
{
    height:30px;line-height:30px;padding-left:5px;padding-right:5px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    margin-right:1px;cursor:pointer;
    letter-spacing:1px;
    display:inline-block;
    border:1px solid #cccccc;
    border-bottom:none;
    background-color:#F7F7F7;
}
.tabs li.selected
{
   background-color:#FFFFFF;color:#4A597B;
}
.tabs li:hover
{
    background-color:#F7FBF7;color:#4A597B;
}
.tabs li .close {
    float: right;
    width: 10px;
    text-align: right;
    font-size: 16px;
    vertical-align: top;
    line-height: 18px;
    margin-left:3px;
    visibility:hidden;
}
.tabs li.selected .close {
   visibility:visible;
}
.tabs li .close:hover
{
    color:#e62424;
}
.content-lable
{
    width:auto;height:15px;line-height:15px;margin-left:5px;
   border-radius: 5px;border:1px solid #cccccc;
   float:left;
   padding:2px;
}
.power span{
   width:auto;height:15px;line-height:15px;margin-left:5px;
   border-radius: 5px;border:1px solid #cccccc;
   float:left;
   padding:2px;
}
.power span a{
  margin-left:3px;width:10px;vertical-align:top;
}
.content-list li
{
    height:30px;line-height:30px;padding-left:15px;font-size:14px;letter-spacing:2px;
    border-bottom:1px solid #cccccc;
    cursor:pointer;
}
.content-list li.selected
{
    background-color:#DEECF7;
    color:red;
}
html,body,form{height:100%;}
* {font-size:9pt;font-family: "Microsoft YaHei","Arial","simsun", "sans-serif";}
/*列表页布局*/
.content-title {
    height:35px;line-height:35px;border-top:solid 1px #cccccc;font-weight:bold;padding-left:5px;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f2f2)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.content-bar-color
{
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f2f2)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);   
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
.content-pannel-buttons {
    height:40px;
    line-height:40px;
    padding-left:5px;
    vertical-align:middle;
    background-color:#FCFDFD;
}
.content-pannel-buttons > a {
    width:auto;
    display:block;height:34px;float:left;vertical-align:middle;margin-top:3px;
    padding-left:6px;padding-right:6px;
    text-align:center;
    border:1px solid transparent;
    margin-right:2px;
}
.content-pannel-buttons > a:hover
{
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.content-pannel-buttons > a b{
    font-weight: normal;
    display: block;
    line-height: 15px;
    background-repeat:no-repeat;background-position:50% 2px;
    padding-top:18px;
}
.content-table-serch
{
    width:100%;border-spacing:0;border-collapse:collapse;
    border:1px solid #cccccc;
    border-color:#cccccc;
    table-layout:fixed;
    margin:1px;
}
.content-table-serch th {
    background-color:#F7F7F7;
    padding:0 2px;
    width:85px;
    text-align:right;
    border:1px solid #cccccc;
    padding-right:5px;
}
.content-table-serch td {
    height:32px;
    padding:0 5px;
    border:1px solid #cccccc;
}
.content-table-serch input,.content-table-serch select
{
     padding-left:2px;
    margin-left:3px;
    border:1px solid #ccc;
    -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  height:25px;
  line-height:25px;
  vertical-align:bottom;
  width:80%;
}
.content-table textarea
{
    width:100%;margin-top:2px;
    padding:5px;
    box-sizing:border-box;
    line-height:15px;

}
.content-table caption,.content-table .caption
{
    height:25px;line-height:25px;
    background-color:#F7F7F7;
     border:1px solid #cccccc;
     border-bottom:none;
     padding-left:25px;
     font-size:14px;
     text-align:left;
}
/*Grid*/
.content-datagrid
{
    position: absolute !important;
    position:absolute;left:190;right:0
}
.content-grid
{
    width:auto;
	border-spacing: 0px;
	border-color:#BBC8C8;
}
.content-grid thead
{
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f2f2)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
   font-weight:bold;
}
.content-grid th
{
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f2f2)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
   font-weight:bold;
 }
.content-grid tbody tr:nth-child(odd)
{
   background-color:#ffffff;
}
.content-grid tbody tr:nth-child(even)
{
     background-color:#FFFFE7;
}
.content-grid tbody tr:hover
{
    background-color:#DEECF7;
}
.content-grid thead td,.content-grid th
{
    height:27px;line-height:27px;text-align:center;
    border-bottom: 1px dotted #ccc;
   border-right: 1px dotted #ccc;
   padding:0 2px;
}
.content-grid td
{
   border-bottom: 1px dotted #ccc;
   border-right: 1px dotted #ccc;
   height:20px;line-height:20px;
   padding-left:3px;padding-right:3px;
   vertical-align:middle;
   word-break:nowrap;
   white-space:nowrap;
}
.content-grid td input{vertical-align:middle;}
/*Grid*/

/*content form*/
.content-form
{
    background-color:#ffffff;
}
.content-table 
{
    width:100%;border-spacing:0;border-collapse:collapse;
    border:1px solid #cccccc;
    border-color:#cccccc;
    table-layout:fixed;
}
.content-table tr{
    height:28px;
}
.content-table th {
    background-color:#F7F7F7;
    padding:5px 2px;
    width:100px;
    text-align:right;
    border:1px solid #cccccc;
}
.content-table th span
{
    color:Red;    
}
.content-table td {
    padding:5px 5px;
    border:1px solid #cccccc;
}
.remark
{
    background-color:#FFFFE7;border:1px solid #cccccc;width:80%;margin:0 auto;margin-top:20px;padding:10px;line-height:20px;
    margin-bottom:20px;
}
.content-table input
{
    border: 1px solid  #A4B6D5;
    width:100%;
    line-height:30px;
    height:30px;
    padding-left:5px;
    box-sizing: border-box;
}
.content-table textarea
{
    border: 1px solid  #A4B6D5;
    width:100%;
    line-height:15px;
    padding-left:5px;
    box-sizing: border-box;
}

.content-table input:focus,.content-table textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.content-table select{width:100%; height:30px;
    line-height:30px;}
/*content form*/
.content-paging
{
    border-top:solid 1px #cccccc;
    position: absolute;
    bottom: 0;width: 100%;height: 30px;line-height: 30px;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f2f2)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.p-icon-catalog
{
    background-image: url(../icons/btn-catalog.png);background-repeat:no-repeat;
}
.p-icon-delete
{
    background-image: url(../icons/btn-delete.png);background-repeat:no-repeat;
}
.p-icon-delete1
{
    background-image: url(../icons/btn-delete1.png);background-repeat:no-repeat;
}
.p-icon-choice
{
    background-image: url(../icons/btn-choice.png);background-repeat:no-repeat;
}
.p-icon-clear
{
    background-image: url(../icons/btn-clear.png);background-repeat:no-repeat;
}
.p-icon-orange
{
    background-image: url(../icons/btn-orange.png);background-repeat:no-repeat;
}
.p-icon-add
{
    background-image: url(../icons/btn-add.png);background-repeat:no-repeat;
}
.p-icon-back
{
    background-image: url(../icons/btn-back.png);background-repeat:no-repeat;
}
.p-icon-book
{
    background-image: url(../icons/btn-book.png);background-repeat:no-repeat;
}
.p-icon-business
{
    background-image: url(../icons/btn-business.png);background-repeat:no-repeat;
}
.p-icon-customer
{
    background-image: url(../icons/btn-customer.png);background-repeat:no-repeat;
}
.p-icon-edit
{
    background-image: url(../icons/btn-edit.png);background-repeat:no-repeat;
}
.p-icon-excle
{
    background-image: url(../icons/btn-excle.png);background-repeat:no-repeat;
}
.p-icon-go
{
    background-image: url(../icons/btn-go.png);background-repeat:no-repeat;
}
.p-icon-home
{
    background-image: url(../icons/btn-home.png);background-repeat:no-repeat;
}
.p-icon-backup
{
    background-image: url(../icons/btn-backup.png);background-repeat:no-repeat;
}
.p-icon-layout
{
    background-image: url(../icons/btn-layout.png);background-repeat:no-repeat;
}
.p-icon-lock
{
    background-image: url(../icons/btn-lock.png);background-repeat:no-repeat;
}
.p-icon-money
{
    background-image: url(../icons/btn-money.png);background-repeat:no-repeat;
}
.p-icon-ok
{
    background-image: url(../icons/btn-ok.png);background-repeat:no-repeat;
}
.p-icon-outpro
{
    background-image: url(../icons/btn-outpro.png);background-repeat:no-repeat;
}
.p-icon-print
{
    background-image: url(../icons/btn-print.png);background-repeat:no-repeat;
}
.p-icon-print1
{
    background-image: url(../icons/btn-print1.png);background-repeat:no-repeat;
}
.p-icon-help
{
    background-image: url(../icons/btn-help.png);background-repeat:no-repeat;
}
.p-icon-reload
{
    background-image: url(../icons/btn-reload.png);background-repeat:no-repeat;
}
.p-icon-role
{
    background-image: url(../icons/btn-role.png);background-repeat:no-repeat;
}
.p-icon-save
{
    background-image: url(../icons/btn-save.png);background-repeat:no-repeat;
}
.p-icon-serch
{
    background-image: url(../icons/btn-serch.png);background-repeat:no-repeat;
}
.p-icon-tool
{
    background-image: url(../icons/btn-tool.png);background-repeat:no-repeat;
}
.p-icon-user
{
    background-image: url(../icons/btn-user.png);background-repeat:no-repeat;
}
.p-icon-date
{
    background-image: url(../icons/btn-date.png);background-repeat:no-repeat;
}
.p-icon-date-long
{
    background-image: url(../icons/btn-date.png);background-repeat:no-repeat;
}
.p-icon-open
{
    background-image: url(../icons/btn-open.png);background-repeat:no-repeat;
}
.p-icon-close
{
    background-image: url(../icons/btn-close.png);background-repeat:no-repeat;
}
.p-icon-remove
{
     background-image: url(../icons/btn-remove.png);background-repeat:no-repeat;
}
.p-icon-group
{
    background-image: url(../icons/btn-group.png);background-repeat:no-repeat;
}
.p-icon-upload
{
    background-image: url(../icons/btn-upload.png);background-repeat:no-repeat;
}
.p-icon-filter
{
      background-image: url(../icons/btn-filter.png);background-repeat:no-repeat;
}
.p-icon-filter-style
{
     display:block;width:22px;height:22px;float:left;    
     background-position:center center;
}
.p-icon-filter-style:hover
{
    background-color:#FFFFFF;   
}
.p-icon-right
{
    background-repeat:no-repeat;background-position:right;
    padding-right:2px;
    cursor: pointer;
}
/*列表页布局*/


.uploader-pannel-buttons {
    height:40px;
    line-height:40px;
    vertical-align:middle;
    width:100%;
}
.webuploader-element-invisible{display:none;}
.uploader-pannel-buttons .uploader-botton
{
    float:left;   
    height: 30px;
    line-height: 30px;
    width: 100px;
    margin-top:3px;
    vertical-align:bottom;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #ccc; 
    margin-left:7px;
    padding-left:5px;
    cursor:pointer;
}
.uploader-buttons-brower
{
    background-color:#00b7ee; 
}
.uploader-buttons-brower:hover
{
     background-color:#00a2d4;
}

.uploader-buttons-upload
{
    background-color:#00b7ee ; 
}
.uploader-buttons-upload:hover
{
     background-color:#00a2d4;
}

.uploader-pannel-file
{
    float:left;   
    width: 150px;
    margin-top:3px;
    vertical-align:bottom;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #ccc; 
    margin-left:7px;
    cursor:pointer;
}
.uploader-pannel-file .file,.uploader-pannel-file img
{
      margin-left:2px;margin-top:1px;
      width: 140px; 
}
.content-slice
{
    width:100%;height:100%;margin:0px;padding:0px;border-spacing:0;border:none;
   
}
.content-slice-td
{
   height:100%;margin:0px;padding:0px; vertical-align:top;border-spacing:0;border:none;
}
/* 通用自定义按钮-默认蓝色 */
.u-btn{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;border-radius:5px;font-size:12px;letter-spacing:1px;text-align:center;vertical-align:middle;cursor:pointer;word-wrap:normal;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px rgba(0,0,0,0.2);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));background:-webkit-linear-gradient(#6dbde4,#399dd8);background:-moz-linear-gradient(#6dbde4,#399dd8);background:-ms-linear-gradient(#6dbde4,#399dd8);background:linear-gradient(#6dbde4,#399dd8);}
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn:active{box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btnsel{display:inline-block;vertical-align:middle;border-style:solid;border-width:4px 4px 0;border-color:rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btnsel,.u-btn:focus .btnsel{border-top-color:rgba(255,255,255,1);}
/* 较大 */
.u-btn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px;}
.u-btn-lg .btnsel{border-width:5px 5px 0;}
/* 较小 */
.u-btn-sm{padding:0 10px;height:22px;line-height:22px;}
/* 红色 */
.u-btn-c1{border-color:#9f161b;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ee232a),to(#cc1c23));background:-webkit-linear-gradient(#ee232a,#cc1c23);background:-moz-linear-gradient(#ee232a,#cc1c23);background:-ms-linear-gradient(#ee232a,#cc1c23);background:linear-gradient(#ee232a,#cc1c23);}
.u-btn-c1:hover,.u-btn-c1:focus{background:#cc1c23;}
/* 黄色 */
.u-btn-c2{border-color:#e1962d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fbb149),to(#f8960a));background:-webkit-linear-gradient(#fbb149,#f8960a);background:-moz-linear-gradient(#fbb149,#f8960a);background:-ms-linear-gradient(#fbb149,#f8960a);background:linear-gradient(#fbb149,#f8960a);}
.u-btn-c2:hover,.u-btn-c2:focus{background:#f8960a;}
/* 绿色 */
.u-btn-c3{border-color:#52a552;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#68c668),to(#50b150));background:-webkit-linear-gradient(#68c668,#50b150);background:-moz-linear-gradient(#68c668,#50b150);background:-ms-linear-gradient(#68c668,#50b150);background:linear-gradient(#68c668,#50b150);}
.u-btn-c3:hover,.u-btn-c3:focus{background:#50b150;}
/* 灰色 */
.u-btn-c4{border-color:#d0d0d0;text-shadow:0 1px rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#e7e7e7));background:-webkit-linear-gradient(#fefefe,#e7e7e7);background:-moz-linear-gradient(#fefefe,#e7e7e7);background:-ms-linear-gradient(#fefefe,#e7e7e7);background:linear-gradient(#fefefe,#e7e7e7);}
.u-btn-c4,.u-btn-c4:hover{color:#333;}
.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
.u-btn-c4 .btnsel{border-top-color:rgba(0,0,0,0.6);}
.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:rgba(0,0,0,1);}

/*easty UI extend*/
.pagination-info 
{
    float:left;
}
.content-combobox
{
    position:absolute;
    border:1px solid #cccccc;
    min-height:50px;
    background-color:#ffffff;
    margin-top:2px;
    padding-top:8px;
        border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    display:none;
}




.ktabs
{
    padding-top:6px;

    text-align: left;
    padding-bottom: 0;
    height: 31px;
}
.ktabs ul
{
    margin-left:20px;
    margin-bottom: -6px;
}
.ktabs li
{
    height:30px;line-height:30px;padding-left:8px;padding-right:8px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    margin-right:1px;cursor:pointer;
    letter-spacing:1px;
    display:inline-block;
    border:1px solid #cccccc;
    border-bottom:none;
    background-color:#F7F7F7;
}
.ktabs li.selected
{
   background-color:#FFFFFF;color:#4A597B;
}
.ktabs li .close {
    float: right;
    width: 10px;
    text-align: right;
    font-size: 16px;
    vertical-align: top;
    line-height: 18px;
    margin-left:3px;
    visibility:hidden;
}
.ktabs li.selected .close {
   visibility:visible;
}
.ktabs li .close:hover
{
    color:#e62424;
}